<?php
/*
Template Name: retailer
*/
?>

<?php 
    get_header();
?>

    <div class="container dss">
        <div class="row">
            <div class="col-md-6 col-xs-12 pingan">
                <img class="product-img" src="<?php echo get_template_directory_uri(); ?>/images/ds/lb1.png" alt="平安银行电商流水贷">
                <div class="col-md-3">
                    <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/p1.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '申请最高100万', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/p2.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '随借随还，按日计息', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/p3.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '依据经营数据贷款', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/p4.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '最快当天完成审批', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <p class="text-center">
                        <a class="text-center" href="http://dsd.welinkcredit.com/"><button type="button" class="btn btn-warning"><?php _e( '了解详情', 'orange' ); ?></button></a>
                    </p>
                </div>
            </div>
            <div class="col-md-6 col-xs-12 changsha">
                <img class="product-img" src="<?php echo get_template_directory_uri(); ?>/images/ds/lb2.png" alt="平安银行电商流水贷">
                <div class="col-md-3">
                    <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/c1.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '申请最高2000万', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/c2.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '等额本金，按月还款', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/c3.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '依据经营数据贷款', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                     <div class="thumbnail">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/ds/c4.png" alt="">
                        <div class="caption">
                            <h5 class="text-center"><?php _e( '减小企业财务费用', 'orange' ); ?></h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <p class="text-center">
                        <a class="text-center" href="http://cscb.welinkcredit.com/"><button type="button" class="btn btn-danger"><?php _e( '了解详情', 'orange' ); ?></button></a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <?php
        while ( have_posts() ) : the_post();
    ?>

        <div class="container">
            <?php the_content(); ?>
        </div>

    <?php 
        endwhile;
    ?>

    <?php 
        wp_link_pages();
    ?>

<?php 
    get_footer();
?>

<style>
    .dss{
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .dss .pingan, .dss .changsha{
        padding-top: 1em;

        transition: all, 0.3s;
    }
    .dss .pingan:hover, .dss .changsha:hover{
        box-shadow: 0px 1px 15px #d2d0d0,0px -1px 15px #d2d0d0;
    }
    .dss .thumbnail{
        border: none;
        padding-top: 1em;
    }
    .dss .col-md-3{
        padding: 0;
    }
    .dss .product-img{
        width: 100%;
    }
</style>